<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
    <style>

        p {

            text-indent: 2em;
            width: 200px;
            padding: 10px;
            font-size: 30px;
            font-style: italic;
            font-family: "微软雅黑 Light"

        }
        div {
            text-align: right;
            letter-spacing: 5px;
            text-decoration:overline;
            text-transform: uppercase;
        }
        span{
            font-weight: 900;
        }

    </style>
</head>

<body>
<p>
    这是一个用于测试首行缩进效果的段落元素。当前缩进了两个字符的距离。文字斜体显示，字体微软雅黑。
</p>
<div>
    文字右对齐，文字间距扩大为<span>5px</span>。This words transform to uppercase.
</div>
</body>

</html>